<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="author" content="丫丫">
  <title>小米首页</title>
  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="xiaomi-index.css">
</head>

<body>

  <!--顶部导航栏-->
  <nav class="nav navbar-fixed-top" id="top">
    <!--左上logo区域-->
    <img src="image/milogin/touch-icon.png" style="height:50px;" alt="logo">
    <!--<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    <input type="text" placeholder="搜索商品名称">-->
    <img src="image/mimall/search.png" alt="" style="width: 180px;height: 28px; border-radius: 3.5px;">
    <button>登录</button>
  </nav>

  <!--轮播图-->

  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1000">
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>


    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="image/mimall/carousel-1.jpg" alt=".." style="height: 200px;">
      </div>

      <div class="item">
        <img src="image/mimall/carousel-3.jpg" alt=".." style="height: 200px;">
      </div>
      <div class="item">
        <img src="image/mimall/carousel-4.jpg" alt="..." style="height: 200px;">
      </div>
      <div class="item">
        <img src="image/mimall/carousel-5.jpg" alt="..." style="height: 200px;">
      </div>

    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="sr-only">Next</span>
    </a>
  </div>
  <img src="image/mimall/1.jpg" alt="" style="height: 50px;width: 100%;margin-bottom: 10px;">
  
  <!--商城早报-->
  <section class="center">
    <span style="color:red;width:30px;font-size:18px;"><strong>商城早报&#x3000;</strong></span>|

    <span style="float: right;width: 200px;padding-left: 20px;">

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1000">
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <div class="carousel-inner" role="listbox">
        <div class="item active">
        <p>爱上干净纯粹的她</p> 
        </div>

         <div class="item">
           <p>小米专为女神订制</p> 
        </div>
        <div class="item">
          <p>买手机来小米</p> 
      </div>
    </div>

     <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="sr-only">Next</span>
    </a>

</span>
  </section>
  
  <!--内容区域-->
  <section class="one" style="height: 290px;">
    <div><img src="image/mimall/mi-5.jpg" style="width: 160px;height: 250px;float:left"></img>
    </div>
    <div><img src="image/mimall/mi-note-3.jpg" style="width: 120px; height:100px; margin-bottom:10px; float:right;"></img>
    </div>
    <div><img src="image/mimall/mi-red-3s.jpg" style="width: 120px; height:110px; float:right;"></img>
    </div>
    <img src="image/商品列表/banner.jpg" alt="" id="one">
  </section>
  <section class="one" style="height: 290px;">
    <div><img src="image/mimall/mi-5.jpg" style="width: 160px;height: 250px;float:left"></img>
    </div>
    <div><img src="image/mimall/mi-note-3.jpg" style="width: 120px; height:100px; margin-bottom:10px; float:right;"></img>
    </div>
    <div><img src="image/mimall/mi-red-3s.jpg" style="width: 120px; height:110px; float:right;"></img>
    </div>
  </section>
  <!--1-->





  <!--底部导航栏-->
  <nav class="nav navbar-fixed-bottom">
    <main class="main">
      <a href="#"><img src="image/mimall/4.png" alt=""><br/>首页</a>
      <a href="fenlei.html"><img src="image/mimall/1.png" alt=""><br/>分类</a>
      <a href="shopping.html"><img src="image/mimall/2.png" alt=""><br>购物</a>
      <a href="wode.html"><img src="image/mimall/3.png" alt=""><br>我的</a>
    </main>
  </nav>


  <script src="bootstrap/js/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>